import React, { useState } from "react";
import { Tabs } from 'react-vant'
import HealthAndWellness from '../../components/Health/HealthAndWellness'
import './index.css'
const Index:React.FC=()=>{
    const [list,setList]=useState(["健康养生","健康减肥","健康美食","健康美容","慢性疾病"])
    return <div className='HealthConsultation'>
      <Tabs>
         <Tabs active={0}>
        <Tabs.TabPane title='健康养生'><HealthAndWellness/></Tabs.TabPane>
        <Tabs.TabPane title='健康减肥'>健康减肥</Tabs.TabPane>
        <Tabs.TabPane title='健康美食'>健康美食</Tabs.TabPane>
        <Tabs.TabPane title='健康美容'>健康美容</Tabs.TabPane>
        <Tabs.TabPane title='慢性疾病'>慢性疾病</Tabs.TabPane>
      </Tabs>
      </Tabs>
     
    
    </div>
}
export default Index
 